<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>图标导航栏</title>
		<link rel="stylesheet" href="css/makers.css">
	</head>
	<body>
		<div class="icon-nav">
			<a href="https://example.com" target="_blank" class="icon-item">
				<div class="icon-img">L</div>
				<div class="icon-text">我的在线简历</div>
			</a>
			<a href="https://example.com" target="_blank" class="icon-item">
				<div class="icon-img">云</div>
				<div class="icon-text">云班课</div>
			</a>
			<a href="https://example.com" target="_blank" class="icon-item">
				<div class="icon-img">IP</div>
				<div class="icon-text">HTTP Server ...</div>
			</a>
			<a href="https://example.com" target="_blank" class="icon-item">
				<div class="icon-img">😊</div>
				<div class="icon-text">Emoji大全</div>
			</a>
			<a href="https://example.com" target="_blank" class="icon-item">
				<div class="icon-img">G</div>
				<div class="icon-text">websys</div>
			</a>
			<a href="https://example.com" target="_blank" class="icon-item">
				<div class="icon-img">🌀</div>
				<div class="icon-text">aotemanged...</div>
			</a>
			<a href="https://example.com" target="_blank" class="icon-item">
				<div class="icon-img">淘</div>
				<div class="icon-text">爱淘宝</div>
			</a>
			<a href="https://example.com" target="_blank" class="icon-item">
				<div class="icon-img">JD</div>
				<div class="icon-text">京东</div>
			</a>
			<a href="https://example.com" target="_blank" class="icon-item">
				<div class="icon-img">+</div>
				<div class="icon-text">添加网站</div>
			</a>
		</div>
	</body>
</html>